Product
Introducing License Enforcement in Socket
Ensure open-source compliance with Socket’s License Enforcement Beta. Set up your License Policy and secure your software!
rehype-minify-whitespace
Advanced tools
The rehype-minify-whitespace package is a plugin for the rehype ecosystem that minifies whitespace in HTML. It helps in reducing the size of HTML files by removing unnecessary whitespace, which can improve load times and overall performance.
Minify Whitespace
This feature minifies the whitespace in the provided HTML string. In the example, the excessive spaces between 'Hello' and 'World' are removed.
const rehype = require('rehype');
const minifyWhitespace = require('rehype-minify-whitespace');
rehype()
.use(minifyWhitespace)
.process('<div> Hello World </div>', function (err, file) {
if (err) throw err;
console.log(String(file));
});
html-minifier is a highly configurable, full-featured HTML minifier. It offers more extensive options for minifying HTML, including removing comments, collapsing whitespace, and minifying CSS and JavaScript within the HTML. Compared to rehype-minify-whitespace, it provides a broader range of minification options but may be more complex to configure.
clean-css is a fast and efficient CSS optimizer for Node.js. While it focuses on CSS, it can be used in conjunction with HTML minification tools to achieve comprehensive minification. It complements rehype-minify-whitespace by handling CSS minification, which rehype-minify-whitespace does not cover.
uglify-js is a JavaScript parser, minifier, compressor, and beautifier toolkit. It is used to minify JavaScript code, which can be part of the overall minification process for web assets. While it does not directly compete with rehype-minify-whitespace, it is often used alongside HTML minifiers to reduce the size of JavaScript files.
Collapse whitespace.
Normally, collapses to a single space.
If newlines: true
, collapses whitespace containing newlines to '\n'
instead of ' '
.
npm:
npm install rehype-minify-whitespace
On the API:
unified()
.use(require('rehype-parse'))
+ .use(require('rehype-minify-whitespace'))
.use(require('rehype-stringify'))
.process('<span>some html</span>', function (err, file) {
console.error(report(err || file))
console.log(String(file))
})
On the CLI:
rehype input.html --use minify-whitespace > output.html
<h1>Heading</h1>
<p><strong>This</strong> and <em>that</em></p>
<h1>Heading</h1><p><strong>This</strong> and <em>that</em></p>
See contributing.md
in rehypejs/.github
for ways
to get started.
See support.md
for ways to get help.
This project has a code of conduct. By interacting with this repository, organization, or community you agree to abide by its terms.
FAQs
rehype plugin to collapse whitespace
The npm package rehype-minify-whitespace receives a total of 176,590 weekly downloads. As such, rehype-minify-whitespace popularity was classified as popular.
We found that rehype-minify-whitespace demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 3 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Product
Ensure open-source compliance with Socket’s License Enforcement Beta. Set up your License Policy and secure your software!
Product
We're launching a new set of license analysis and compliance features for analyzing, managing, and complying with licenses across a range of supported languages and ecosystems.
Product
We're excited to introduce Socket Optimize, a powerful CLI command to secure open source dependencies with tested, optimized package overrides.